<!DOCTYPE html>
<html>
<head>
	<title>注册 - 支付宝</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../css/reg.css">
	<link rel="icon" href="../images/icon.png" type="image/x-icon">
</head>
<body>
	<!-- 头部 -->
	<div id="head">
		<div class="headContent">
			<div id="alipayIcon">
				<a href="javascript:void(0)"><img src="../images/alipay2.png"></a>
				<span>注册</span>
			</div>
			<!-- 菜单 -->
			<div id="menu">
				<ul>
					<li><a href="login.html">登录</a></li>
					<li>-</li>
					<li><a href="">注册</a></li>
					<li>|</li>
					<li class="checkbox" onmouseover="openCheckbox(this)" onmouseout="closeCheckbox(this)">
							<a href="">我的支付宝 <i class="triangleIcon"></i></a>
							<div class="downList">
								<div>账户管理</div>
								<div>交易记录</div>
								<div>安全中心</div>
								<div>应用中心</div>
							</div>
					</li>
					<li>|</li>
					<li><a href="">服务大厅</a></li>
					<li>|</li>
					<li><a href="">提建议</a></li>
					<li>|</li>
					<li class="checkbox" onmouseover="openCheckbox(this)" onmouseout="closeCheckbox(this)">
						<a href="">更多 <i class="triangleIcon"></i></a>
						<div class="downList">
							<div>无线支付</div>
							<div>理财专区</div>
							<div>商家服务</div>
							<div><a href="../index.html">返回首页</a></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 主内容 -->
	<div class="content">
		<div class="contentFrame">
			<!-- 用户注册程序步骤 -->
			<div id="personalProcess">
				<div class="flex">
					<div class="step">
						<div class="stepImg curStepPImg"><b>1</b></div>
						<span class="grayStepSpan curStepPSpan">创建账户</span>
					</div>
					<div class="direction"></div>
					<div class="step">
						<div class="stepImg"><b>2</b></div>
						<span class="grayStepSpan">设置身份信息</span>
					</div>
					<div class="direction"></div>
					<div class="step">
						<div class="stepImg"><b>3</b></div>
						<span class="grayStepSpan">设置支付方式</span>
					</div>
					<div class="direction"></div>
					<div class="step">
						<div class="stepImg"><b>4</b></div>
						<span class="grayStepSpan">成功</span>
					</div>
				</div>
			</div>
			<!-- 企业注册程序步骤 -->
			<div id="corporationProcess">
				<div class="flex">
					<div class="step">
						<div class="stepImg curStepCImg"><b>1</b></div>
						<span class="grayStepSpan curStepCSpan">创建账户</span>
					</div>
					<div class="direction"></div>
					<div class="step">
						<div class="stepImg"><b>2</b></div>
						<span class="grayStepSpan">填写账户信息</span>
					</div>
					<div class="direction"></div>
					<div class="step">
						<div class="stepImg"><b>3</b></div>
						<span class="grayStepSpan">企业实名认证</span>
					</div>
					<div class="direction"></div>
					<div class="step">
						<div class="stepImg"><b>4</b></div>
						<span class="grayStepSpan">成功</span>
					</div>
				</div>
			</div>
			<!-- 内容主框 -->
			<div class="mainRegFrame">
				<!-- 选择用户 -->
				<div class="choiceFrame" id="personalChoice">
					<a href="javascript:void(0)" id="personal" onclick="toPersonal()"><img src="../images/personalReg.jpg"></a>
					<a href="javascript:void(0)" id="corporation" onclick="toCorporation()"><img src="../images/corporationReg.jpg"></a>
					<img src="../images/originTriangle.png" id="choiceTriangle">
				</div>		
				<!-- 选择企业 -->
				<div class="choiceFrame" id="corporationChoice">
					<a href="javascript:void(0)" id="personal" onclick="toPersonal()"><img src="../images/personalReg2.jpg"></a>
					<a href="javascript:void(0)" id="corporation" onclick="toCorporation()"><img src="../images/corporationReg2.jpg"></a>
					<img src="../images/blueTriangle.png" style="left: 580px" id="choiceTriangle">
				</div>	
				<!-- 用户注册框 -->
				<div id="personalContent">
					<form id="p-form" action="../index.html" onsubmit="return testPForm();" method="post">
						<div class="country">
							<span>国籍/地区</span>
							<select>
								<option>中国大陆</option>
								<option>外国</option>
							</select>
						</div>
						<div class="telephone">
							<span>手机号</span>
							<select >
								<option>86</option>
								<option>233</option>
							</select>
							<input id="tel-input" type="tel" placeholder="请输入你的手机号码" maxlength="11" onclick="onInput('regError1','regError2')">
							<img class="errorImg1" src="../images/regError1.png" id="regError1">
						</div>
						<div class="test">
							<span>短信校验码</span>
							<input id="test-input1" class="" type="number" placeholder="6位数字" maxlength="6" onclick="onInput('regError2','regError1')">
							<input type="button" value="获取验证码  ">
							<img class="errorImg2" src="../images/regError2.png" id="regError2">
						</div>
						<input type="submit" value="下一步" class="regNext">
					</form>
					<div class="emailReg"><a href="javascript:void(0)" class="aLink">使用邮箱注册</a></div>
				</div>
				<!-- 企业注册框 -->
				<div id="corporationContent">
					<form id="p-form" action="../index.html" onsubmit="return testCForm();" method="post">
						<div class="accountName">
							<span>账户名</span>
							<input id="act-input" type="email" placeholder="请输入电子邮箱" maxlength="30" onclick="onInput('regError3','regError4')">
							<img class="errorImg1" src="../images/regError4.png" id="regError3">
						</div>
						<div class="test">
							<span>验证码</span>
							<input id="test-input2" class="" type="number" placeholder="请输入验证码" maxlength="6"  onclick="onInput('regError4','regError3')">
							<img src="../images/imgcode1.png" id="imgCode" onclick="changeCode()">
							<img class="errorImg2" src="../images/regError2.png" id="regError4">
						</div>
						<input type="submit" value="下一步" class="regNext">
					</form>
					<a href="javascript:void(0)" class="abroadReg">港澳台及海外企业注册></a>
					<span>金融机构注册请致电 0571-88158090</span>
					<a href="javascript:void(0)" style="text-decoration: none;" onclick="openAttention()"><div id="attention"><span>注册前需要准备什么资料？</span> <i class="triangleIcon"></i></div></a>
					<!-- 注意下拉框 -->
					<div id="attentionContent">
						<div class="attentionUl">
							注册前需要准备：<span class="grayText">影印件必须为彩色原件的扫描件或数码照</span> 
							<ul>
								<li><a href="" class="aLink">营业执照影印件</a></li>
								<li>对公银行账户，可以是基本户或一般户</li>
								<li>法定代表人的<a href="" class="aLink">身份证影印件</a></li>
							</ul>
							如果你是代理人，除以上资料，还需准备：
							<ul>
								<li>你的<a href="" class="aLink">你的身份证影印件</a></li>
								<li>企业委托书，必须盖有公司公章或者财务专用章，不能是合同/业务专用章<a href="" class="aLink">查看模板</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="confirm">
		<div class="mask">
			<div class="confirm-content">
				<div class="confirm-content-1"><span>服务协议及隐私权政策</span></div>
				<div class="confirm-content-2">
					<div class="confirm-content-2-1">
						<p>&nbsp&nbsp&nbsp&nbsp亲爱的用户，支付宝依照相关法规要求进行实名制管理、履行反洗钱职责和采取风险防范措施。为了您可以正常使用支付宝服务，您的身份信息、联系方式、交易信息需要被依法收集并使用。</p>
						<p>&nbsp&nbsp&nbsp&nbsp支付宝将严格保护您的个人信息，确保信息安全，具体详见《支付宝隐私权政策》。</p>
						<p>&nbsp&nbsp&nbsp&nbsp您在点击同意下列协议前，请您务必审慎阅读，并充分理解协议条款内容。</p>
						<p>&nbsp</p>
						<a href="">支付宝及客户端服务协议</a>,<a href=""> 支付宝隐私权政策</a>,<a href="">淘宝服务协议</a>
					</div>
					<div class="confirm-btn">
						<div onclick="Agree()"><a href="javascript:;"><b>同意</a></b></div>
						<div><a href="login.html"><b>不同意</b></a></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 尾部 -->
	<div id="foot">
		<div class="footFrame">
			<img src="../images/regFoot.jpg">
			<a href="javascript:void(0)">ICP证：沪B2-20150087</a>
		</div>
	</div>
	<script type="text/javascript" src="../js/common.js" async></script>
	<script type="text/javascript" src="../js/reg.js" async></script>
</body>
</html>